<style>
	#popup-title{
		color:#fff !important;
	}
	.ol-popup{
		background-color:#1441c1 !important;
		color:#fff;
	}
	#popup-closer{
		color:#fff !important;
	}
	.ol-popup:after{
		border-top-color:#1441c1 !important;
	}
	#popup-content ul li{
		line-height: 25px;
	}
	#map_tips li{
		line-height: 26px;
		font-size: 16px;
		border-bottom: 1px dashed #cccccc45;
	}
</style>
<script type="text/javascript" src="/js/data.js"></script>
<script type="text/javascript" src="/map/openlayer/build/ol.js"></script>
<link rel="stylesheet" href="/map/openlayer/css/ol.css">
<link rel="stylesheet" href="/module/base/toolp.css">
<div class="pdata-map" id="map"></div>
<div id="map_tips" style="display:none;position: absolute;width: 350px;height: 680px;top: 20px;right: 20px;background: rgb(6 11 53 / 83%)">
	<div id="popup-title" style="font:bold 15px sans-serif;align:left;position: absolute;top: 5px;left: 8px;color: #000000">Sample details</div>
	<a href="javascript:;" onclick="$('#map_tips').fadeOut(500)" id="popup-closer" class="ol-popup-closer" style="color:#8e908c;"></a>
	<div id="map_tips_content" style="color: #ccc;margin: 30px 10px 10px 10px;border-top: 1px solid #ccc;padding-top: 10px;height: 650px;overflow: hidden;overflow-y: auto"></div>
</div>
<!--<div id="popup" class="ol-popup">
<div class="pophead" style="width:100%;height: 20px;">
       &lt;!&ndash; 弹出框标题 &ndash;&gt;
       <div id="popup-title" style="font:bold 15px sans-serif;align:left;position: absolute;top: 5px;left: 8px;color: #000000">Sample details</div>
       &lt;!&ndash;弹出框右上角关闭效果 &ndash;&gt;
       <a href="#" id="popup-closer" class="ol-popup-closer" style="color:#8e908c;"></a>
   </div>
   &lt;!&ndash; 弹出框内容 &ndash;&gt;
   <div id="popup-content" style="padding: 10px"></div>
</div>-->
<ul class="pdata-tabs">
	<li class="pdata-tabs-cur">PM</li>
	<li>Source</li>
</ul>

<ul class="pdata-menu">
	<li>C</li>
	<li>N</li>
	<li>O</li>
	<li>Si</li>
	<li>S</li>
	<li>Fe</li>
	<li>Cu</li>
	<li>Zn</li>
	<li>Sr</li>
	<li>Nd</li>
	<li>Pb</li>
</ul>

<footer id="message">Number of all element PM data: 0</footer>